<!DOCTYPE html>
<html>
<head>
<title>易家</title>
<link href="../css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<script src="../js/jquery.min.js"></script>
<!--theme-style-->
<link href="../css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

<link href='https://fonts.googleapis.com/css?family=Muli:400,300' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
</head>
<body>
<!--header-->
<div class="header" >
	<div class="head" >
		<div class="container">
			<div class="navbar-top">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
					  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					  </button>
						 <div class="navbar-brand logo ">
							<h1 class="animated wow pulse" data-wow-delay=".5s">
							<a href="index.html"><span><b>Y</b></span>i <i>ResoldHouse</i></a></h1>
						</div>

					</div>

					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					 <ul class="nav navbar-nav link-effect-4">
					<li class="active"><a href="index.html" data-hover="Home">首页</a> </li>
						<li ><a href="about.html" data-hover="About">二手房 </a> </li>
						<li><a href="gallery.html"  data-hover="Gallery">租房</a></li>
						<li><a href="codes.html" data-hover="Codes">经纪人 </a></li>
						<li><a href="contact.html" data-hover="Contact">登录/注册</a></li>
					  </ul>
					</div><!-- /.navbar-collapse -->
				</div>
	
			<div class="header-left animated wow fadeInLeft animated" data-wow-delay=".5s" >
					<ul>
						<li><i class="glyphicon glyphicon-envelope"></i><a href="mailto:info@example.com">@example.com</a></li>
						<li><i class="glyphicon glyphicon-earphone"></i>+1234 567 892</li>
						
					</ul>
				</div>
			  <div class="clearfix"></div>	
		</div>
	</div>
	<!---->
	<div class="banner">
		<div class="container">
			<div class="banner-text"><h2 >C</h2></div>
			<span><img src="images/li-1.png" alt=""></span>
		
          <div class="row"  >
			<div class="col-lg-6 col-md-offset-5" size="100px"> 
                 <div class="input-group" >
                  <input type="text" class="form-control" >
                  <span class="input-group-btn">
                  <button class="btn btn-default" type="button" >搜索</button>
                  </span>
                 </div><!-- /input-group -->  	
            </div><!-- /.col-lg-6 -->
          </div>
		  </br>
			<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam</p>
		</div>							
	</div>
</div>

<!--content-->
 <div class="service">
 <div class="container">
 <div class="ser-top">
	<h3>Services</h3>
	<div class="ser-t">
		<b></b>
		<span><i></i></span>
		<b class="line"></b>
	</div>
 </div>
  <div class="ser-head">
    <div class="ser-grid ">
    <div class="ser-grid1">
     <i class="glyphicon glyphicon-leaf"> </i>
			<h3>New Service</h3>
			<p>Lorem ipsum dolor sit amet, consectetur</p>
    </div>
    </div>
  </div>
  <div class="ser-head">
    <div class="ser-grid ">
    <div class="ser-grid1">
     <i class="glyphicon glyphicon-user"> </i>
			<h3>New Service1</h3>
			<p>Lorem ipsum dolor sit amet, consectetur</p>
    </div>
    </div>
  </div>
  <div class="ser-head">
    <div class="ser-grid ">
    <div class="ser-grid1">
    <i class="glyphicon glyphicon-cog"> </i>
			<h3>New Service2</h3>
			<p>Lorem ipsum dolor sit amet, consectetur </p>
    </div>
    </div>
  </div>
  <div class="ser-head">
    <div class="ser-grid ">
    <div class="ser-grid1">
     <i class="glyphicon glyphicon-piggy-bank"> </i>
			<h3>New Service3</h3>
			<p>Lorem ipsum dolor sit amet, consectetur </p>
    </div>
    </div>
  </div>
  <div class="clearfix"> </div>
</div>
</div>
<!-- //services -->
<div class="col-grid">
			<div class="col-md-6 col-grid-left">
				<h3>There's no place like home</h3>
				<h5>Lorem Ipsum as their default model text</h5>
				<p>Many desktop publishing packages and web page editors now use Lorem Ipsum  Ipsum as their default model text now use Lorem Ipsum as their default model text, packages and web page editors now use Lorem Ipsum now use Lorem Ipsum as their default model text, and a as their default model text, lorem ipsum' will uncover many</p>
			</div>
			<div class="col-md-6 col-grid-right">
			<div class="col-md-6 col-grid-1">
				<div class="col-1 bottom">
							<div class="col-1-top">
							<img src="images/cc.jpg" class="img-responsive" alt="">
							</div>
							<div class="col-1-bottom">
								<div class="info-text">
									<h5>Lara Smith</h6>
									
									<p>Sit accusamus, vel blanditiis iure minima ipsa molestias minus laborum velit, nulla nisi hic quasi enim.</p>
									
								</div>
							</div>
						</div>
						</div>
						<div class="col-md-6 col-grid-1">
				<div class="col-1 bottom">
							<div class="col-1-top">
							<img src="images/cc1.jpg" class="img-responsive" alt="">
							</div>
							<div class="col-1-bottom">
								<div class="info-text">
									<h5>Lara Smith</h6>
									
									<p>Sit accusamus, vel blanditiis iure minima ipsa molestias minus laborum velit, nulla nisi hic quasi enim.</p>
									
								</div>
							</div>
						</div>
						</div>
						<div class="col-md-6 col-grid-1">
						<div class="col-1 bottom">
							<div class="col-1-top">
							<img src="images/cc2.jpg" class="img-responsive" alt="">
							</div>
							<div class="col-1-bottom">
								<div class="info-text">
									<h5>Lara Smith</h6>
									
									<p>Sit accusamus, vel blanditiis iure minima ipsa molestias minus laborum velit, nulla nisi hic quasi enim.</p>
									
								</div>
							</div>
						</div>
						</div>
						<div class="col-md-6 col-grid-1">
						<div class="col-1 bottom">
							<div class="col-1-top">
							<img src="images/cc3.jpg" class="img-responsive" alt="">
							</div>
							<div class="col-1-bottom">
								<div class="info-text">
									<h5>Lara Smith</h6>
									
									<p>Sit accusamus, vel blanditiis iure minima ipsa molestias minus laborum velit, nulla nisi hic quasi enim.</p>
									
								</div>
							</div>
						</div>
						</div>
						<div class="clearfix"></div>
						
			</div>
				<div class="clearfix"></div>
		
	</div>
	<div class="tlinks">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
	<div class="col-grid">
		
			<div class="col-md-6 col-grid-right">
			<div class="col-md-6 col-grid-1">
				<div class="col-1 bottom">
							<div class="col-1-top">
							<img src="images/cc4.jpg" class="img-responsive" alt="">
							</div>
							<div class="col-1-bottom">
								<div class="info-text">
									<h5>Lara Smith</h6>
									<p>Sit accusamus, vel blanditiis iure minima ipsa molestias minus laborum velit, nulla.</p>
									
								</div>
							</div>
						</div>
						</div>
						<div class="col-md-6 col-grid-1">
						<div class="col-1 bottom">
							<div class="col-1-top">
							<img src="images/cc5.jpg" class="img-responsive" alt="">
							</div>
							<div class="col-1-bottom">
								<div class="info-text">
									<h5>Lara Smith</h6>
									<p>Sit accusamus, vel blanditiis iure minima ipsa molestias minus laborum velit, nulla.</p>
									
								</div>
							</div>
						</div>
						</div>
						<div class="col-md-6 col-grid-1">
						<div class="col-1 bottom">
							<div class="col-1-top">
							<img src="images/cc6.jpg" class="img-responsive" alt="">
							</div>
							<div class="col-1-bottom">
								<div class="info-text">
									<h5>Lara Smith</h6>
									<p>Sit accusamus, vel blanditiis iure minima ipsa molestias minus laborum velit, nulla.</p>
									
								</div>
							</div>
						</div>
						</div>
						<div class="col-md-6 col-grid-1">
						<div class="col-1 bottom">
							<div class="col-1-top">
							<img src="images/cc7.jpg" class="img-responsive" alt="">
							</div>
							<div class="col-1-bottom">
								<div class="info-text">
									<h5>Lara Smith</h6>
									<p>Sit accusamus, vel blanditiis iure minima ipsa molestias minus laborum velit, nulla.</p>
									
								</div>
							</div>
						</div>
			</div>
			<div class="clearfix"></div>
			</div>
			
				<div class="col-md-6 col-grid-left">
				<h3>Make your house comfortable</h3>
				<h5>Lorem Ipsum as their default model text</h5>
				<p>Many desktop publishing packages and web page editors now use Lorem Ipsum  Ipsum as their default model text now use Lorem Ipsum as their default model text, packages and web page editors now use Lorem Ipsum now use Lorem Ipsum as their default model text, and a as their default model text, lorem ipsum' will uncover many</p>
			</div>
				<div class="clearfix"></div>
		
	</div>
<!--content-->

 <div class="team">
 <div class="container">
 <div class="ser-top">
	<h3>Team</h3>
	<div class="ser-t">
		<b></b>
		<span><i></i></span>
		<b class="line"></b>
	</div>
 </div>
  <div class="team-top">
    <div class="team-top1">
        <div class="swipebox"  > 
			<img src="images/te.png" alt="" class="img-responsive">
				<div class="zoom-icon"> 
					<div class="zoom-icon1"> 
						<h5>Adney</h5>
							<ul class="social-ic">
								<li><a href="#"><i></i></a></li>
								<li><a href="#"><i class="ic"></i></a></li>
								<li><a href="#"><i class="ic1"></i></a></li>	
							</ul>
					</div>
				</div>
		</div>
    </div>
  </div>
  <div class="team-top">
    <div class="team-top1">
     <div class="swipebox"  > 
			<img src="images/te1.png" alt="" class="img-responsive">
				<div class="zoom-icon"> 
					<div class="zoom-icon1"> 
						<h5>Barb</h5>
							<ul class="social-ic">
								<li><a href="#"><i></i></a></li>
								<li><a href="#"><i class="ic"></i></a></li>
								<li><a href="#"><i class="ic1"></i></a></li>	
							</ul>
					</div>
				</div>
		</div>
	 
    </div>
  </div>
  <div class="team-top">
    <div class="team-top1">
      <div class="swipebox"  > 
			<img src="images/te2.png" alt="" class="img-responsive">
				<div class="zoom-icon"> 
					<div class="zoom-icon1"> 
						<h5>Carr</h5>
							<ul class="social-ic">
								<li><a href="#"><i></i></a></li>
								<li><a href="#"><i class="ic"></i></a></li>
								<li><a href="#"><i class="ic1"></i></a></li>	
							</ul>
					</div>
				</div>
		</div>
    </div>
  </div>
  <div class="team-top">
    <div class="team-top1">
      <div class="swipebox"  > 
			<img src="images/te3.png" alt="" class="img-responsive">
				<div class="zoom-icon"> 
					<div class="zoom-icon1"> 
						<h5>Chris</h5>
							<ul class="social-ic">
								<li><a href="#"><i></i></a></li>
								<li><a href="#"><i class="ic"></i></a></li>
								<li><a href="#"><i class="ic1"></i></a></li>	
							</ul>
					</div>
				</div>
		</div>
    </div>
  </div>
  
</div>
</div>
	<!---->
	<div class="test">
			<div class="container">
				<div class="test-top-g">
					<h3>Clients</h3>
					<img src="images/li.png" alt="">
				 </div>
				<div class="test-top">
					<div class="col-md-4 test-top1 test-to wow fadeInUp animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
						<div class=" test-top2">
							<img src="images/qu.png" alt="">
							<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings </p>
							
							<div class="clearfix"> </div>
						</div>
						<div class="test-top3">
						<img src="images/th.jpg" class="img-responsive" alt="">
							<h6> The standard chunk  </h6>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="col-md-4 test-top1 wow fadeInDown animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInDown;">
						<div class=" test-top2">
							<img src="images/qu.png" alt="">
							<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings </p>
							
							<div class="clearfix"> </div>
						</div>
						<div class=" test-top3">
							<img src="images/th1.jpg" class="img-responsive" alt="">
							<h6> The great explorer </h6>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="col-md-4 test-top1 wow fadeInDown animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInDown;">
						<div class=" test-top2">
							<img src="images/qu.png" alt="">
							<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings </p>
							
							<div class="clearfix"> </div>
						</div>
						<div class=" test-top3">
						<img src="images/th2.jpg" class="img-responsive" alt="">
							<h6> The great explorer</h6>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<!---->
<!--//content-->
<div class=" news-letter ">
<div class="container">
 <div class="ser-top ser-top1">
	<h3>Newsletter</h3>
	<div class="ser-t ser-t1">
		<b></b>
		<span><i></i></span>
		<b class="line"></b>
	</div>
 </div>
				
				<form action="#" method="post">
					<input type="text" placeholder="Name" name="Name"  required="">
					<input type="text" placeholder="Email" name="Email"  required="">
					<input type="submit" value="Submit">
					<div class="clearfix"> </div>
				</form>
			</div>
			</div>
<!--footer-->
<div class="footer">
	<div class="container">
		<div class="col-md-7 footer-bottom wow fadeInRight animated" data-wow-delay=".5s">
			<h4>Aenean condimentum suscipit</h4>
			<p>Proin ullamcorper urna quis velit mollis molestie suscipit nisl consectetur
			uspendisse venenatis dolor et nunc iaculis ege uspendisse venenatis dolor et nunc iaculis ege</p>
		</div>
			<div class="col-md-5 footer-bottom1 wow fadeInLeft animated" data-wow-delay=".5s">
			<h4>Follow Us</h4>
				<ul class="social">
						
						<li><a href="#"><i></i></a></li>
						<li><a href="#"><i class="icon"></i></a></li>
						<li><a href="#"><i class="icon1"></i></a></li>
						<li><a href="#"><i class="icon2"></i></a></li>
						
					</ul>
			</div>
				<div class="clearfix"> </div>
	</div>	
</div>
	<div class="copy">
		<p class="footer-grid ">Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
	</div>
<!-- for bootstrap working -->
	<script src="js/bootstrap.min.js"></script>
<!-- //for bootstrap working -->
</body>
</html>